<div ng-repeat="(caik,cais) in card.data" style="background: {{card.data[2].value}}">
    <div class="sui-pagination pagination-large" ng-if="cais.type=='coupons'">
        <div class="mostly-scrollbar" style="overflow-x:auto;overflow-y:hidden;width: 100%;height: 50px;white-space:nowrap;">
            <div ng-show="cais.value.length >0">
                <div ng-repeat="(ik,is) in cais.value">
                    <div style="border-style: dotted;border-width:1px;">
                        <div style="margin: 5px; background:#ff0000;color:#ffffff ">{{is.name}}</div>
                        <div style="background:#F8DA48">领取</div>
                    </div>
                </div>
            </div>
            <div ng-show="cais.value.length ==0" style="max-width:100%;">
                <div>
                    <div style="border-style: dotted;border-width:1px;">
                        <div style="margin: 5px; background:#ff0000;color:#ffffff ">优惠券</div>
                        <div style="background:#F8DA48">领取</div>
                    </div>
                </div>
                <div>
                    <div style="border-style: dotted;border-width:1px;">
                        <div style="margin: 5px; background:#ff0000;color:#ffffff ">优惠券</div>
                        <div style="background:#F8DA48">领取</div>
                    </div>
                </div>
                <div>
                    <div style="border-style: dotted;border-width:1px;">
                        <div style="margin: 5px; background:#ff0000;color:#ffffff ">优惠券</div>
                        <div style="background:#F8DA48">领取</div>
                    </div>
                </div>
                <div>
                    <div style="border-style: dotted;border-width:1px;">
                        <div style="margin: 5px; background:#ff0000;color:#ffffff ">优惠券</div>
                        <div style="background:#F8DA48">领取</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>